php array to js

<?php
    $vegetables = ['apple', 'strawberry', 'banana'];
?>

<script>
var arr = "<?php echo implode(",", $vegetables); ?>".split(",");
console.log(arr); //["apple", "strawberry", "banana"]
Vue.component('#app7', {
    props: arr,
    template: '<li>{{ item.text }}</li>'
})

</script>

var js_array = [<?php echo '"'.implode('","',  $disabledDaysRange ).'"' ?>];

<script type="text/javascript">
var users = <?php echo json_encode($userArray); ?>;
</script>